<template>
  <div class="loo">
      <div class="lunbo">

           <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white" touchable>
              <van-swipe-item><img src="img/jf.jpg"></van-swipe-item>
              <van-swipe-item><img src="img/jo.jpg"></van-swipe-item>
              <van-swipe-item><img src="img/ja.jpg"></van-swipe-item>
              <van-swipe-item><img src="img/ji.jpg"></van-swipe-item>
          </van-swipe>

      </div>
  </div>
</template>
<script>
export default {
  
}
</script>


<style scoped>
.loo{
  width: 100%;
  height: 1rem;
    border-radius: .1rem;
}
.lunbo{
    width: 100%;
    height: 1rem;
    /* background: orchid; */
    border-radius: .1rem;
    overflow: hidden;
}

 .my-swipe .van-swipe-item {
    color: #fff;
    font-size: .2rem;
    line-height: 100px;
    text-align: center;
    /* background-color: #39a9ed; */
      border-radius: .1rem;
  }
.my-swipe .van-swipe-item>img{
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.my-swipe{
  height: 1rem;
}
</style>